<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>开口剑的个人主页</title>
    <link rel="stylesheet" href="font.css">
    <style>
        .IntroductoryText{
            font-family: '方正卡通';
            font-size: 50px;
        }
        .img1{
            height: 100px;
            width: 100px;
        }
        .head{
            text-align: center;
            font-family: '方正少儿';
        }
        .frame{
            height: 389.5px;
            width: 691px;
        }
        .head2{
            font-family: '方正楷体';
        }
        a{
            display: block;
            width: 230px;
            height: 40px;
            background-color: #55585a;
            font-size: 25px;
            color: #fff;
            text-align: center;
            font-family: 方正卡通;
            text-decoration: none;
        }
        a:hover{
            background-color: #ff6700;
        }
    </style>
</head>
<body>
    <span class="head"><h1>开口剑的个人主页</h1></span>
    <img class="img1" src="开口剑.jpg" alt="开口剑要学JS"><span class="IntroductoryText">你好！欢迎你来到我的主页！</span><br>
    <h2 class="head">开口剑是谁？</h2>
    <ul class="head2">
        <li>开口剑要学JS是哔哩哔哩里的一个小up主，喜欢植物大战僵尸，并且也在掌阅课外书里更新植物大战僵尸同人文。</li><br>
        <li>B站置顶视频：<del>这可是我首个配音视频！！！</del></li>
        <iframe class="frame" src="//player.bilibili.com/player.html?aid=990025302&bvid=BV12x4y1G7Yk&cid=959787669&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
    </ul>
    <h2 class="head">我可以做什么？</h2>
    <ul class="head2">
        <li><del class="head2">挑战高难度改版</del></li>
        <li>B站视频：E版支线2-1到2-5</li>
        <iframe class="frame" src="//player.bilibili.com/player.html?aid=649554460&bvid=BV1Ne4y1L72x&cid=946777900&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
        <li>学习编程（尤其是前端！）</li>
        <iframe class="frame" src="//player.bilibili.com/player.html?aid=776427421&bvid=BV1Q14y1N7WY&cid=928615965&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
        <li>以及一些高难度的关卡!</li>
        <iframe class="frame" src="//player.bilibili.com/player.html?aid=566157277&bvid=BV13v4y1r7Zg&cid=988233906&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
        <li>当然，不排除deltarune！</li>
        <iframe class="frame" src="//player.bilibili.com/player.html?aid=787806751&bvid=BV1614y1C7Cn&cid=1250663067&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
    </ul>
    <h2>怎么联系我？</h2>
    <ul class="head2">
        <li>邮箱：kaikoujian@outlook.com</li>
        <li>QQ：2816526644或3269347004（别指望QQ经常在线）</li>
    </ul>
    <span class="IntroductoryText">好了，就先讲这么多吧！<br>不过，我还有更多的内容！</span>
    <a target="_blank" href="https://space.bilibili.com/3493106930419739?spm_id_from=333.1007.0.0">个人B站主页</a>
    <a target="_blank" href="https://blog.csdn.net/FunctionFocus?spm=1000.2115.3001.5343">个人CSDN主页</a>
    <a target="_blank" href="https://gitee.com/kaikoujiankkj">个人Gitee主页</a>
    <a target="_blank" href="https://github.com/kaikoujian">个人GitHub主页</a>
</body>
</html><!--这是一个注释-->